.gatsby-highlight code[class*="gatsby-code-"],
.gatsby-highlight pre[class*="gatsby-code-"],
.gatsby-highlight pre.prism-code {
    height: auto !important;
    margin: 1rem;
    font-size: 14px;
    line-height: 20px;
    white-space: pre-wrap;
    word-break: break-word;
}

.gatsby-highlight+.gatsby-highlight {
    margin-top: 20px;
}

.gatsby-highlight-code-line {
    background-color: #14161a;
    display: block;
    margin: -0.125rem calc(-1rem - 15px);
    padding: 0.125rem calc(1rem + 15px);
}

.token.attr-name {
    color: #c5a5c5;
}

.token.comment,
.token.block-comment,
.token.prolog,
.token.doctype,
.token.cdata {
    color: #999999;
}

.token.property,
.token.number,
.token.function-name,
.token.constant,
.token.symbol,
.token.deleted {
    color: #5a9bcf;
}

.token.boolean {
    color: #ff8b50;
}

.token.tag {
    color: #fc929e;
}

.token.string {
    color: #8dc891;
}

.token.punctuation {
    color: #5FB3B3;
}

.token.selector,
.token.char,
.token.builtin,
.token.inserted {
    color: #D8DEE9;
}

.token.function {
    color: #79b6f2;
}

.token.operator,
.token.entity,
.token.url,
.token.variable {
    color: #d7deea;
}

.token.attr-value {
    color: #8dc891;
}

.token.keyword {
    color: #c5a5c5;
}

.token.atrule,
.token.class-name {
    color: #FAC863;
}

.token.important {
    font-weight: 400;
}

.token.bold {
    font-weight: 700;
}

.token.italic {
    font-style: italic;
}

.token.entity {
    cursor: help;
}

.namespace {
    opacity: 0.7;
}